HTML基礎2

14th鐵人賽

黃昱翔

2022-09-18 23:54:28

346 瀏覽

分享至

接續上一章，不同的元素名稱，對應不同的網頁格式例如:
1.h1:標題(heading 1的意思)
2.p:段落(paragraph的意思)
這邊分享一下HTML各元素名稱的參考MDN Web Docs
另外有使用新的元素我也會增加註解。

骨架(Skeleton)

在正規的HTML是必須編寫骨架的，雖然沒編寫瀏覽器也會自動添加，但正確的編寫骨架有利於網頁的設定，以及後續的可讀性與可編輯姓。
骨架大致區分為:
1.head:對網頁做的設定，不會顯示在網頁上
2.body:網頁的內容，會顯示在網頁上
其他設定如下:

<!DOCTYPE html> <!--文件格式為html-->
<html lang="zh"> <!--網頁語言設為中文-->
<head> <!--設定，不會顯示在網頁上-->
    <meta charset="UTF-8"> <!--網頁編碼-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--視窗大小設為裝置寬度-->
    <title>Test</title> <!--網頁標題-->
</head>
<body> <!--內容，會顯示在網頁上-->
    <h1 style="color: red">你好</h1> <!--網頁標題-->
    <br /><!--跳行-->
    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora quae fugit neque sequi molestiae nostrum, repudiandae consectetur rem molestias, debitis, accusantium dolorum! Molestias quibusdam aut debitis voluptas sed in laudantium!</p> <!--段落-->

</body>
</html>

打開HTML呈現畫面如下圖